/******/ (function(modules) { // webpackBootstrap
/******/ 	// The module cache
/******/ 	var installedModules = {};
/******/
/******/ 	// The require function
/******/ 	function __webpack_require__(moduleId) {
/******/
/******/ 		// Check if module is in cache
/******/ 		if(installedModules[moduleId]) {
/******/ 			return installedModules[moduleId].exports;
/******/ 		}
/******/ 		// Create a new module (and put it into the cache)
/******/ 		var module = installedModules[moduleId] = {
/******/ 			i: moduleId,
/******/ 			l: false,
/******/ 			exports: {}
/******/ 		};
/******/
/******/ 		// Execute the module function
/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ 		// Flag the module as loaded
/******/ 		module.l = true;
/******/
/******/ 		// Return the exports of the module
/******/ 		return module.exports;
/******/ 	}
/******/
/******/
/******/ 	// expose the modules object (__webpack_modules__)
/******/ 	__webpack_require__.m = modules;
/******/
/******/ 	// expose the module cache
/******/ 	__webpack_require__.c = installedModules;
/******/
/******/ 	// define getter function for harmony exports
/******/ 	__webpack_require__.d = function(exports, name, getter) {
/******/ 		if(!__webpack_require__.o(exports, name)) {
/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ 		}
/******/ 	};
/******/
/******/ 	// define __esModule on exports
/******/ 	__webpack_require__.r = function(exports) {
/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ 		}
/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
/******/ 	};
/******/
/******/ 	// create a fake namespace object
/******/ 	// mode & 1: value is a module id, require it
/******/ 	// mode & 2: merge all properties of value into the ns
/******/ 	// mode & 4: return value when already ns object
/******/ 	// mode & 8|1: behave like require
/******/ 	__webpack_require__.t = function(value, mode) {
/******/ 		if(mode & 1) value = __webpack_require__(value);
/******/ 		if(mode & 8) return value;
/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ 		var ns = Object.create(null);
/******/ 		__webpack_require__.r(ns);
/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ 		return ns;
/******/ 	};
/******/
/******/ 	// getDefaultExport function for compatibility with non-harmony modules
/******/ 	__webpack_require__.n = function(module) {
/******/ 		var getter = module && module.__esModule ?
/******/ 			function getDefault() { return module['default']; } :
/******/ 			function getModuleExports() { return module; };
/******/ 		__webpack_require__.d(getter, 'a', getter);
/******/ 		return getter;
/******/ 	};
/******/
/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "";
/******/
/******/
/******/ 	// Load entry module and return exports
/******/ 	return __webpack_require__(__webpack_require__.s = "./src/scripts/cartdetail.js");
/******/ })
/************************************************************************/
/******/ ({

/***/ "./src/scripts/cartdetail.js":
/*!***********************************!*\
  !*** ./src/scripts/cartdetail.js ***!
  \***********************************/
/*! no static exports found */
/***/ (function(module, exports) {

eval(";;(function($){\r\n//获取localStorage里面的数据，渲染页面\r\nvar addBtnEvent = $.Callbacks();\r\nvar reduceEvent = $.Callbacks();\r\n\r\nfunction renderPage(){\r\n    var jsonArr = JSON.parse(localStorage.getItem(\"carts\"));\r\n    var html = \"\";\r\njsonArr.forEach((item,index)=>{\r\n    html += `\r\n    <li class=\"hover\">\r\n                        <!--ioc_xmt(信贸通),ioc_tgt(推广通),ioc_xyhy(信用会员),ioc_mqhy(名企会员),special(有特别推荐加上这个样式)-->\r\n                        <div class=\"img\">\r\n                            <a href=\"https://www.china.cn/zhuolei/3883220667.html\" target=\"_blank\" data-scode=\"60440\"\r\n                                title=\"批量质保五年的茶餐厅桌椅款式|茶餐厅家具定做报价\">\r\n                                <img width=\"162\" height=\"162\" alt=\"批量质保五年的茶餐厅桌椅款式|茶餐厅家具定做报价\"\r\n                                    src=\"${item.img}\">\r\n                            </a>\r\n                        </div>\r\n                        <h3 class=\"title\">\r\n                            <a href=\"https://www.china.cn/zhuolei/3883220667.html\" data-scode=\"60441\"\r\n                                title=\"批量质保五年的茶餐厅桌椅款式|茶餐厅家具定做报价\"\r\n                                target=\"_blank\">批量<b>质保</b>五年的茶餐厅桌椅款式|茶餐厅<b>家具</b>定做报价</a>\r\n                        </h3>\r\n                        <dl class=\"extension_dl\">\r\n                            <dt>产品类别</dt>\r\n                            <dd>餐桌</dd>\r\n                            <dt>品牌</dt>\r\n                            <dd>行一</dd>\r\n                            <dt>适用年龄段</dt>\r\n                            <dd>成年</dd>\r\n                            <dt>材质</dt>\r\n                            <dd>板式</dd>\r\n                            <dt>适用场合</dt>\r\n                            <dd>户外,酒店,客厅,餐厅,卧室,酒吧</dd>\r\n                            <dt>风格</dt>\r\n                            <dd>韩式</dd>\r\n                        </dl>\r\n                        <div class=\"main_products\">主营产品：\r\n                            <span>火锅店家具</span>\r\n                            <span>西餐厅家具</span>\r\n                            <span>定制高档桌椅</span>\r\n                            <span>茶餐厅中餐厅家具</span>\r\n                        </div>\r\n                        <div class=\"extension_right\" data-id = \"${item.id}\">\r\n                            <span class=\"su-price \">\r\n                                <font class=\"redpc\">￥</font>${item.price}<font class=\"fts\">.00<span>/件</span></font>\r\n                            </span>\r\n                            <p><a href=\"#\">深圳市典艺坊商业家具有限公司</a></p>\r\n                            <p>所在地：广东 深圳 </p>\r\n                            <div class= \"cartBtn\" style=\"display:inline-block;height:32px;\">\r\n                                <span class= \"reduceBtn\">-</span>\r\n                                <span class= \"add_total\">${item.count}</span>\r\n                            </div>\r\n                            <span class=\"inquiry_a open addcart\" style=\"width: 30px;\">+</span>\r\n                        </div>\r\n                    </li>\r\n    `\r\n\r\n})\r\n$(\"#conUl\").html(html);\r\n}  \r\nfunction init(){\r\n    renderPage();\r\n    renderCartsNum();\r\n    bindEvent();\r\n}\r\nfunction addLocalData(){\r\n    var id = $(this).parent().attr(\"data-id\");\r\n    var jsonData = JSON.parse(localStorage.getItem(\"carts\"));\r\n    jsonData.some((item,index)=>{\r\n        if(item.id == id){\r\n           item.count++;\r\n           $(this).siblings().children(\".add_total\").html(item.count);\r\n        }\r\n    })\r\n    //console.log()好像会有点延迟，在这里浏览器输出的是splice的jsonData\r\n    saveData(\"carts\",jsonData);  \r\n    //console.log(localStorage.getItem(\"carts\"));\r\n    \r\n}\r\nfunction saveData(type,json){\r\n    localStorage.setItem(type,JSON.stringify(json));\r\n}\r\nfunction renderCartsNum(){\r\n    var jsonData = JSON.parse(localStorage.getItem(\"carts\"));\r\n    var total = 0;\r\n    jsonData.forEach((item)=>{\r\n        total +=item.count;\r\n    })\r\n    $(\"#cart\").children(\"span\").html(total);\r\n}\r\n\r\nfunction reduceLocalData(){\r\n    var id = $(this).parent().parent().attr(\"data-id\");\r\n    var jsonData = JSON.parse(localStorage.getItem(\"carts\"));\r\n    jsonData.some((item,index)=>{\r\n        if(item.id == id){\r\n            item.count--;\r\n            item.count <= 0 ? removeCartsData(id,index) : \"\";\r\n           $(this).siblings(\".add_total\").html(item.count);\r\n        }\r\n    })\r\n    //console.log()好像会有点延迟，在这里浏览器输出的是splice的jsonData\r\n    saveData(\"carts\",jsonData);  \r\n    // console.log(localStorage.getItem(\"carts\"));\r\n}\r\nfunction removeCartsData(id,index){\r\n    if(confirm(\"是否确定从购物车中删除此物品\")){\r\n      $(`.extension_right[data-id=${id}]`).parent().hide(); \r\n      var jsonData = JSON.parse(localStorage.getItem(\"carts\"));\r\n      jsonData.splice(index,1);\r\n    }\r\n    return ;   \r\n}\r\nfunction bindEvent(){\r\n    addBtnEvent.add([addLocalData,renderCartsNum]);\r\n    reduceEvent.add([reduceLocalData,renderCartsNum])\r\n    $(\".addcart\").on(\"click\",addBtnEvent.fire);\r\n    $(\".reduceBtn\").on(\"click\",reduceEvent.fire)\r\n}\r\n$(init);\r\n})(jQuery)\r\n\n\n//# sourceURL=webpack:///./src/scripts/cartdetail.js?");

/***/ })

/******/ });